import styled from 'styled-components'

export const ArchivesListWrapper = styled.div`
  padding: 0 20px;
  .classify,
  .blog-list {
    color: #008c8c;
  }
  .wj-classify {
    ul {
      padding-left: 10px;
      li {
        display: inline-block;
        a {
          color: #ab3300;
          text-decoration: none;
          :hover {
            color: #ff4901;
          }
          span {
            color: #999;
          }
        }
      }
    }
  }
  .more {
    .list {
      padding-left: 25px;
      li {
        position: relative;
      }
      .timer {
        color: #008c8c;
        :before {
          content: ' ';
          position: absolute;
          left: -15px;
          top: 22px;
          width: 7px;
          height: 7px;
          background: #008c8c;
          border-radius: 50%;
          border: 1px solid #fff;
          transition-duration: 0.2s;
          transition-timing-function: ease-in-out;
          transition-delay: 0s;
          transition-property: background;
        }
      }
      a {
        text-decoration: none;
      }
    }
  }
`
